import {FC} from "react";

export const OutputPortTip:FC = () => {
  return (
    <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect x="1.75" y="1.75" width="36.5" height="36.5" rx="6.25" fill="white"/>
      <path d="M29.0872 22.1316C28.698 22.1316 28.3795 22.4501 28.3795 22.8394V23.853L28.3795 29.8833H10.0726V10.1802H18.5183V10.1793H21.7911C22.2098 10.1793 22.5524 9.83674 22.5524 9.41803C22.5524 8.99931 22.2098 8.65674 21.7911 8.65674H10.0726C9.29408 8.65674 8.6571 9.34229 8.6571 10.1802V29.8833C8.6571 30.7212 9.29408 31.4067 10.0726 31.4067H28.3795C29.158 31.4067 29.7949 30.7212 29.7949 29.8833V27.1347L29.795 27.1336V22.8394C29.795 22.4501 29.4765 22.1316 29.0872 22.1316Z" fill="#570DF8"/>
      <path d="M31.1852 14.4988C31.1714 14.4852 31.1571 14.472 31.1424 14.4595L28.3143 11.6313C28.0182 11.3352 27.5337 11.3352 27.2376 11.6313C26.9416 11.9273 26.9416 12.4118 27.2376 12.7078L28.921 14.3913H25.1259C22.2985 14.3913 19.6131 15.4787 17.5643 17.4532C15.5214 19.422 14.3347 22.0552 14.2227 24.8674C14.2059 25.2878 14.5331 25.6421 14.9535 25.6588C14.9638 25.6592 14.974 25.6594 14.9843 25.6594C15.391 25.6594 15.7286 25.338 15.7449 24.928C15.8412 22.5101 16.8628 20.2451 18.6215 18.5501C20.3848 16.8506 22.6948 15.9147 25.1259 15.9147H28.6927L27.2376 17.3698C26.9416 17.6659 26.9416 18.1504 27.2376 18.4464C27.5337 18.7425 28.0182 18.7425 28.3143 18.4464L31.1423 15.6182C31.1571 15.6057 31.1714 15.5925 31.1852 15.5789C31.3336 15.4304 31.4076 15.2345 31.4072 15.0388C31.4076 14.8431 31.3336 14.6473 31.1852 14.4988Z" fill="#570DF8"/>
      <path d="M30.3882 22.9677C30.0289 22.9677 29.7349 23.2616 29.7349 23.621V24.5566L29.7349 30.123H12.8363V11.9355H20.6323V11.9348H23.6534C24.0399 11.9348 24.3561 11.6185 24.3561 11.232C24.3561 10.8455 24.0399 10.5293 23.6534 10.5293H12.8363C12.1176 10.5293 11.5297 11.1621 11.5297 11.9355V30.123C11.5297 30.8965 12.1176 31.5293 12.8363 31.5293H29.7349C30.4535 31.5293 31.0415 30.8965 31.0415 30.123V27.5859L31.0415 27.5849V23.621C31.0415 23.2616 30.7475 22.9677 30.3882 22.9677Z" fill="#570DF8" fillOpacity="0.25"/>
      <path d="M32.3248 15.922C32.3121 15.9094 32.2989 15.8973 32.2853 15.8857L29.6747 13.2751C29.4014 13.0017 28.9542 13.0017 28.6809 13.2751C28.4076 13.5483 28.4076 13.9956 28.6809 14.2688L30.2348 15.8228H26.7316C24.1217 15.8228 21.6428 16.8265 19.7517 18.6491C17.8659 20.4666 16.7705 22.8971 16.6671 25.4931C16.6516 25.8811 16.9536 26.2082 17.3417 26.2236C17.3512 26.224 17.3607 26.2241 17.3701 26.2241C17.7455 26.2241 18.0571 25.9275 18.0722 25.549C18.1611 23.3171 19.1041 21.2263 20.7275 19.6617C22.3552 18.0929 24.4875 17.229 26.7316 17.229H30.024L28.6809 18.5722C28.4076 18.8455 28.4076 19.2927 28.6809 19.566C28.9542 19.8393 29.4014 19.8393 29.6747 19.566L32.2852 16.9553C32.2989 16.9437 32.3121 16.9316 32.3248 16.919C32.4618 16.782 32.5301 16.6012 32.5297 16.4205C32.5301 16.2399 32.4618 16.0591 32.3248 15.922Z" fill="#570DF8" fillOpacity="0.25"/>
      <rect x="1.75" y="1.75" width="36.5" height="36.5" rx="6.25" stroke="#570DF8" strokeWidth="3.5"/>
    </svg>
  )
}